.user-nav {
	width: 100%;
	height: 50px;
	background-color: #ffffff;
}

.user-nav  > div {
	display: inline-block;
	
}

.user-net-name {
	width: 150px;
	height: 100%;
	padding: 5px 20px 5px 20px;
	color: #444444;
	font-size: 25px;
	font-weight: bold;
}

.user-banner {
	max-width: 1360px;
	height: 220px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
	background-color: #FFFFFF;
}

.avatar {
	position: absolute;
	left: 15px;
	width: 150px;
	height: 190px;
	padding: 5px;
	background-color: #FFFfff;
	z-index: 900;
	top: -30px;
}

.avatar > div > img {
	display: block;
	position: relative;
	width: 140px;
	height: 140px;
}

.padding {
	position: absolute;
	width: 150px;
	height: 30px;
	left: 15px;
	top: -30px;
}

.comment {
	width: 100%;
	height: 50px;
}

.comment > div {
	display: inline-block;
	width: 48%;
	height: 100%;
	text-align: center;
	padding: 5px;
	color: #8C8C8C;
	font-size: 13px;
	font-weight: bold;
}

.comment > div > span {
	display: block;
}

.comment > div:hover {
	cursor: pointer;
	background-color: #F8F9FA;
}

.username {
	width: 200px;
	height: 40px;
	left: 185px;
    top: 20px;
    font-size: 24px;
    font-weight: 700;
    color: #444;
    margin-right: 10px;
}

.user-banner-nav {
	position: absolute;
	width: 100%;
	height: 40px;
	bottom: 0px;
}

.user-banner-nav > div {
	display: inline-block;
	padding: 10px;
	font-size: 13px;
	text-align: center;
	width: 70px;
	height: 100%;
	color: #8C8C8C;
}

.user-banner-nav > div:hover {
	cursor: pointer;
	background-color: #F7F7F7;
}

.add {
	padding: 8px;
}

.add-img {
	width: 100%;
	height: 100%;
	text-align: center;
	color: #8C8C8C;
	border: 1px dashed #CCCCCC;
}

.add-img > span {
	display: block;
	position: relative;
	top: 60px;
}


.add-img > i {
	font-size: 40px;
	display: block;
	position: relative;
	top: 35px;
}

.add-img:hover {
	border: 1px dashed #ec414d;
}

.add-img:hover i {
	color: #ec414d;
}

.add-img:hover span {
	color: #ec414d;
}

.deleteCollection {
	display: none;
}
.img-pad:hover .deleteCollection {
	display: block;
}
